<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="browsermode" content="application" />
    <meta name="x5-page-mode" content="app" />
    <title>悟空钱包</title>
    <meta charset="utf-8" />
    <link href="css/main.css?rev=@@hash" rel="stylesheet" />

    <style type="text/css">

        body{
            background: url(img/loginBg.png) no-repeat fixed;
            background-size: 100% ;
        }
        .view {
            width: 3.43rem;
            height: 4.15rem;
            background: #fff;
            margin: .4rem auto 0;
            border-radius: .1rem;
            position: relative;
        }
        .view:before{
            content: " ";
            position: absolute;
            left: .16rem;
            top: -.1rem;
            width: 90%;
            height: .3rem;
            background: rgba(255, 255, 255, 0.5);
            border-radius: .1rem;
            z-index: -1;        
        }
        .view:after{
            content: " ";
            position: absolute;
            left: .16rem;
            bottom: -.1rem;
            width: 90%;
            height: .3rem;
            background: rgba(255, 255, 255, 0.5);
            border-radius: .1rem;
            z-index: -1;        
        }    
        .loginTitle{
            text-align: center;
            color: #36AE80;
            font-size: .17rem;
            font-weight: bold;
            padding: .42rem 0 .2rem;
        }    
        .login_btn{
            width: 2.31rem;
            height: .36rem;
            display: block;
            margin-left: .7rem;
        }
        /*.login_item{
            margin: 0 .16rem 0;
            height: .55rem;
            line-height: .55rem;
            border-bottom: .01rem solid #DFECEB;
            align-items: center;
        }
        .login_item3{
            font-size: .11rem;
            height: .4rem;
            margin: .1rem .16rem 0 .16rem;
        }
        .login_item input{
            width: 100%;
            font-size: .14rem;
        }
        .login_btn_code{
            color: #36AE80;
            font-size: .12rem;
        }
        .cell_ft {
                margin-right: .06rem;
            }
        .getMsgCode{
            width: .8rem;
            height: .3rem;
            color: #36AE80;
            text-align: center;
            line-height: .3rem;
            border: .01rem solid #36AE80;
            border-radius: .15rem;            
        }
        .login_check{
            width: .2rem;
            height: .2rem;
            margin-right: .07rem;
        }
        #btnImgCode{
            width: .67rem;
            height: .29rem;
        }


        #loginBtn {
            position: static;
            height: .45rem;
            width: 3.11rem;
            font-size: .15rem;
            margin: .16rem auto 0;
            line-height: .45rem;
            background: #36AE80;
            border-radius: .25rem;
        }*/
               .downloadbar {
            width: 2.8rem;
            margin: .6rem auto .3rem;
            overflow: hidden;
            padding-bottom: .2rem;
        }
        .downloadbar a,
        .downloadbar div {
            display: block;
            width: .65rem;
            text-align: center;
        }
        .downloadbar a img,
        .downloadbar div img {
            display: block;
            height: .65rem;
            width: 100%;
            float: left;
        }
        #appleDownload {
            float: left;
            color: #FFC452;
        }
        #androdDownload {
            float: right;
            color: #80E2FF;
        }
		 .layer_dialog_box .layer_dialog_cn {
		    height: auto;
		    padding: .2rem;
		}
		 .layer_btn.layer_btn_primary{
			margin: 0 .4rem;
		}
		 .layer_dialog_box{
		    width: 3rem!important;
    		height: auto!important;
		}
		.layer_dialog .layer_dialog_ft {
		    background-color: #1EB97E;
		    border-radius: .25rem;
	    }	
	    .downimg{
	    	display: inherit;
		    width: 2.75rem;
		    height: 3.2rem;
		    margin: 0 auto;
	    }	
    </style>
</head>
<body>
    <div class="layer_load">
      <div class="layer_mask"></div>
      <div class="layer_load_icon iconfont icon-loading"></div>
    </div>
    <div class="view">
        <h1 class="loginTitle">欢迎下载悟空钱包</h1>
        <img class="downimg" src="img/download.png"  />
        <!--<div class="login_box">
            <div class="flex login_item">
                <div class="cell_cn">
                    <input type="tel" name="" id="txtMobile" placeholder="请输入您的手机号" maxlength="11">
                </div>
            </div>
            <div class="flex login_item login_item2">
                <input type="text" placeholder="请输入图形验证码" maxlength="6" id="txtImgCode" />
                <input type="hidden" id="hdImgCodeID" value="" />
                <div class="cell_ft">
                    <img src="" id="btnImgCode"/>
                </div>
            </div>
            <div class="flex login_item login_item2">
                <div class="cell_cn">
                    <input type="tel" placeholder="短信验证码" id="txtCode" maxlength="6" />
                </div>
                <div class="getMsgCode">
                    <a href="javascript:;" class="login_btn_code" id="btnCode">获取验证码</a>
                </div>
            </div>
            <div class="flex login_item3">
                <div><img class="login_check" src="../img/bingo.png"></div>
                <div>我已阅读并同意<a class="active_color" href="../help/serviceprotocol.html">《注册协议》</a>及<a class="active_color" href="../help/serviceprotocol.html">《服务协议》</a></div>
            </div>
        </div>
        <div id="loginBtn" class="submitBtn">登录</div>-->
    </div>
    <div class="downloadbar">
			<div id="appleDownload"><img src="img/iosDL.png" alt="">苹果下载</div>
            <!--<a href="itms-services://?action=download-manifest&url=https://image.pushunjinfuchina.com/ioswu/manifest.plist" id="appleDownload" id="appleDownload"><img src="img/iosDL.png" alt="">苹果下载</a>-->
            <a href="http://h5.pushunjinfuchina.com/Wukong-v1.0.0.apk" id="androdDownload"><img src="img/AndroidDL.png" alt="">安卓下载</a>
    </div>
    <!-- 脚本 -->
    <script src="lib/zepto.min.js?rev=@@hash"></script>
    <script src="js/main.js?rev=@@hash"></script>
</body>
<script>


    (function(global,userUtil,layer){  

        /**
         * 浏览器判断*/
        var browserObj = function () {
            let u = navigator.userAgent;
            return {
                trident: u.indexOf('Trident') > -1, //IE内核
                presto: u.indexOf('Presto') > -1, //opera内核
                webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核
                mobile: u.indexOf('Mobile') > -1, //是否为移动终端
                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端
                iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                iPad: u.indexOf('iPad') > -1, //是否iPad
                webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
                weixin: u.indexOf('MicroMessenger') > -1, //是否微信
                qq: u.indexOf("QQBrowser") > -1, //是否QQ浏览器
                mobile_qq: u.indexOf("MQQBrowser") > -1, //是否是手机QQ浏览器
                uc: u.indexOf("UCBrowser") > -1, //是否是uc浏览器
                baidu: u.indexOf("Baidu") > -1, //是否是百度浏览器
                firefox: u.indexOf("Firefox") > -1, //是否是火狐浏览器
                lieBao: u.indexOf("LieBao") > -1, //是否是猎豹浏览器
                sogou: u.indexOf("SogouMobile") > -1, //是否是搜狗手机浏览器
                wkqb:u.indexOf("wkqb") > -1

            };
        };

            var layers = (function () {
    			var _tips_timeout;
                return {          
			        alert: function (obj) {
			            var conf = {
			                title: "提 示",
			                content: "请下载安装完成后打开系统设置>>通用>>设备管理>>悟空钱包>>信任",
			                btnText: "确 定",
			                btnEvent: function () { }
			            };
			            if (typeof obj == "string") { obj = { content: obj } };
			            $.extend(conf, obj);
			            if ($(".alert").length == 0) {
			                $("body").append("<div class='layer_dialog alert'><div class='layer_mask'></div><div class='layer_dialog_box'><div class='layer_dialog_hd'><span class='layer_dialog_title'></span><i class='layer_btn_close icon-close' style='display:none'></i></div><div class='layer_dialog_cn'></div><div class='layer_dialog_ft'><a class='layer_btn layer_btn_primary'></a></div></div></div>");
			            }
			            $(".alert").addClass("on");
			            $(".alert .layer_dialog_title").text(conf.title);
			            $(".alert .layer_dialog_cn").html(conf.content);
			            $(".alert .layer_btn").text(conf.btnText).off("click").on("click", function () { conf.btnEvent(); close(); 
			            	window.open('itms-services://?action=download-manifest&url=https://image.pushunjinfuchina.com/ioswu/manifest.plist');
			            });
			            $(".alert .layer_btn_close").off("click").on("click", function () { conf.btnEvent(); close(); });
			
			            function close() {
			                $(".alert").removeClass("on");
			            }
			        }
                }
            })();
	        $('#appleDownload').on('click',function(){
	        	layers.alert();
	        })
    })(global,userUtil,layer)
</script>
</html>






